/* ----------------------------------------------------------------------------- */

/* - Geral - */

html,body,form {
	margin: 0px;
	padding: 0px;
}

div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- */

/* - Mapa - */

#map {
	background: #EFEFEF;
}

.item {
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
}

.click {
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	background-color: black;
}

.mousemove {
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	background-color: green;
}

.canmove {
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	background-color: #006699;
	-webkit-opacity: 0.5;
	color: white;
	font-size: 10px;
}

/* ----------------------------------------------------------------------------- */

/* - Display - */

.display {
	width: 100%;
	height: 150px;
	position: fixed;
	bottom: 0px;
	border: 1px solid black;
	background: white;
}

/* ----------------------------------------------------------------------------- */

/* - Unidade - */

.unit {
	background-color: red;
	color: white;
}

.selected {
	background-color: yellow;
}

.moving {
	background-color: #CCCCCC;
}

.extracting {
	background-color: #333333;
}

/* ----------------------------------------------------------------------------- */

/* - Recurso - */

.resource {
	background-color: blue;
	color: white;
}

/* ----------------------------------------------------------------------------- */

/* - Player - */

.player {
	display: none;
}

/* ----------------------------------------------------------------------------- */
